import { Component } from '@angular/core';

@Component({
  standalone: true,
  selector: 'app-sn-card',
  template: ` <div class="sn-card">
    <ng-content></ng-content>
  </div> `,
  styleUrl: './sn-card.component.css',
})
export class SnCardComponent {}


@Component({
  standalone: true,
  selector: 'app-sn-card-header',
  template: ` <div class="sn-card-header">
    <ng-content></ng-content>
  </div> `,
  styleUrl: './sn-card.component.css',
})
export class SnCardHeaderComponent { }


@Component({
  standalone: true,
  selector: 'app-sn-card-content',
  template: ` <div class="sn-card-content">
    <ng-content></ng-content>
  </div> `,
  styleUrl: './sn-card.component.css',
})
export class SnCardContentComponent { }


@Component({
  standalone: true,
  selector: 'app-sn-card-title',
  template: ` <div class="sn-card-title">
    <ng-content></ng-content>
  </div> `,
  styleUrl: './sn-card.component.css',
})
export class SnCardTitleComponent { }
